@import "normalize.css";
@import "common.css";
@import "flexnormalize.css";
@media screen and (min-width: 1366px) {
  html {
    font-size: 136.6px !important;
  }
  html body {
    min-width: 320px;
    max-width: 1366px;
    /* flexible 给我们划分了 10 等份 */
    width: 10rem;
    margin: 0 auto;
    font-family: Arial, Helvetica;
  }
}
/* head */
.banner {
  display: flex;
  height: 2.647059rem;
  background-color: rgba(0, 0, 0, 0.8);
  flex-direction: column;
  align-content: center;
}
.banner .canvas {
  position: relative;
  height: 350px;
}
.banner .canvas canvas {
  position: absolute !important;
  z-index: -1 !important;
  width: 100%;
  height: 350px !important;
}
.banner .head {
  height: 0.485294rem;
  border-bottom: 0.007353rem solid #ccc;
  padding: 0 0.220588rem;
  z-index: 10;
}
.banner .head .head-logo {
  padding-top: 0.088235rem;
  margin: 0;
}
.banner .head .head-logo img {
  width: 1.691176rem;
  height: 0.220588rem;
}
.banner .head .head-login,
.banner .head .head-register {
  /* float: left; */
  /* 块级格式上下文 */
  border: 0.007353rem solid #ccc;
  padding: 0.029412rem 0.088235rem;
  border-radius: 0.220588rem;
}
.banner .head .head-nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.banner .head .head-nav li {
  float: left;
  margin: 0 0.147059rem;
  line-height: 0.485294rem;
  list-style: none;
  cursor: pointer;
}
.banner .head .head-nav li a {
  padding-bottom: 0.154412rem;
  color: #fff;
}
.banner .head .head-nav li .active {
  border-bottom: 0.014706rem solid white;
  font-size: 0.117647rem;
}
.banner .head .head-register {
  background-color: #ed510a;
  border: none;
  margin: 0.139706rem 0;
  user-select: none;
}
.banner .head .head-register .head-register a {
  color: #fff;
}
.banner .head .sign {
  padding: 0.029412rem 0.088235rem;
  border-radius: 0.147059rem;
  margin: 0.139706rem;
  border: 0.007353rem solid #aac6ef;
  user-select: none;
}
.banner .head .sign a {
  color: #fff;
}
.banner .banner-mask {
  height: 0.75rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.banner .banner-mask .top-title {
  font-size: 0.264706rem;
  color: #fff;
  line-height: 0.397059rem;
  padding-top: 1.044118rem;
}
.banner .banner-mask .top-des {
  font-size: 0.102941rem;
  color: #fff;
  line-height: 0.25rem;
}
.banner .banner-mask .top-case {
  font-size: 0.117647rem;
  color: #fff;
  line-height: 0.191176rem;
}
.content {
  padding-top: 0.220588rem;
  padding-bottom: 0.441176rem;
  border-bottom: 1px solid #efefef;
  background-color: #f8f8f8;
}
.content .center {
  text-align: left;
  width: 8.823529rem;
}
.content .center .content-body {
  width: 8.294118rem;
}
.content .center .content-body div {
  margin-bottom: 0.132353rem;
}
.content .center .content-body div .common-title {
  font-size: 0.117647rem;
  line-height: 0.191176rem;
  color: #000;
  padding-bottom: 0.073529rem;
}
.content .center .content-body div .common-title .english-txt {
  font-size: 0.088235rem;
  color: #999;
}
.content .center .content-body div .common-title .line {
  width: 0.102941rem;
  height: 0.014706rem;
  background-color: #1271ef;
  margin-top: 0.036765rem;
}
.content .center .content-body div .case {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content .center .content-body div .case .case-item {
  display: flex;
  width: 2.617647rem;
  height: 2.514706rem;
  padding: 0.073529rem;
  border: 0.007353rem solid #eee;
  box-sizing: border-box;
}
.content .center .content-body div .case .case-item .item-link {
  display: flex;
  flex-direction: column;
  width: 2.617647rem;
  height: 2.514706rem;
  justify-content: space-around;
}
.content .center .content-body div .case .case-item .item-link .pic {
  width: 2.455882rem;
  height: 1.066176rem;
}
.content .center .content-body div .case .case-item .item-link .item-name {
  font-size: 0.117647rem;
  line-height: 0.294118rem;
  color: #181818;
}
.content .center .content-body div .case .case-item .item-link .item-desc {
  font-size: 0.088235rem;
  line-height: 0.117647rem;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.content .center .content-body div .case .case-item .item-link .btm-link .link-text {
  font-size: 0.088235rem;
  line-height: 0.235294rem;
  color: #1271ef;
}
.content .center .content-body .morepartners .case {
  height: 3.088235rem;
}
.content .center .content-body .morepartners .case .partners-item {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  align-items: center;
  width: 2.602941rem;
  height: 0.882353rem;
  background-color: #fff;
}
.content .center .content-body .morepartners .case .partners-item img {
  width: 0.963235rem;
  height: 0.294118rem;
}
.aside {
  position: absolute;
  top: 2.941176rem;
  left: 50%;
  margin-left: 4.264706rem;
  width: 0.529412rem;
}
.aside .nav-item {
  position: relative;
  font-size: 0.102941rem;
  line-height: 0.294118rem;
  cursor: pointer;
}
.aside .icon-kefu:before {
  content: "\f7ee";
  color: #00a0e9;
  margin-left: 0.088235rem;
  font-size: 0.154412rem;
}
.aside .active::after {
  position: absolute;
  top: 0.147059rem;
  left: -0.102941rem;
  content: "";
  width: 0.058824rem;
  height: 0.014706rem;
  background-color: #1271ef;
}
.floorPosition {
  position: fixed;
  top: 30px;
}
